<html>
<head>
<script type="text/javascript" src="../../commons/js/core/lang/Bs_Misc.lib.js"></script>
<script type="text/javascript" src="../../commons/js/core/form/Bs_FormFieldSelect.class.js"></script>
<script type="text/javascript" src="../../commons/js/components/flipflop/Bs_FlipFlop.class.js"></script>
<script type="text/javascript" src="../../commons/js/components/toolbar/Bs_Button.class.js"></script>


/*
var arSelected = new Array();
function getMultiple(ob)
{
    while (ob.selectedIndex != -1)
    {
        if (ob.selectedIndex != 0) arSelected.push(ob.options[ob.selectedIndex].value);
        ob.options[ob.selectedIndex].selected = false;
    }
  
}
*/

<script>
src="../../commons/js/core/lang/core/lang/Bs_Misc.lib.js"

document.writeln("<link rel='stylesheet' href='../../commons/js/components/toolbar/win2k_ie.css'>");

var myFlipFlop;

function init() {
	myFlipFlop = new Bs_FlipFlop();
	
	myFlipFlop.fieldAvailableCssClass = 'flipFlopFieldAvailable';
	myFlipFlop.fieldSelectedCssClass  = 'flipFlopFieldSelected';
	myFlipFlop.textAvailable          = 'Choose:';
	myFlipFlop.textAvailableCssClass  = 'flipTd';
	myFlipFlop.textSelected           = 'Mine:';
	myFlipFlop.textSelectedCssClass   = 'flipTd';
	myFlipFlop.moveOnClick            = true;
	myFlipFlop.maxSelectedNumber      = 9999;
	myFlipFlop.setRenderOrientation(true);
	myFlipFlop.convertField('mySelect');
	
}
</script>

<style>
	.flipFlopFieldAvailable {
		font-family:tahoma,arial,helvetica;
		font-size:8pt;
		width:280px;
		background-color:transparent;
		border:1px solid silver;
	}
	.flipFlopFieldSelected {
		font-family:tahoma,arial,helvetica;
		font-size:8pt;
		width:280px;
		background-color:transparent;
		border:1px solid silver;
	}
	.flipTd {
		font-family:arial,helvetica;
		font-size:  11px;
		color:      gray;
		text-align: right;
	}
	body {
		font-family:arial,helvetica;
		font-size:11px;
	}
</style>
</head>
<body onload=' init();'>
<h1>Columns Selector</h1>

<form target="tgt" name="myForm" action="show.php" method="get">

<select name="mySelect[]" id="mySelect" size="10" multiple>
	<option>opzione 1 della lista 
	<option selected>opzione 2 della lista 	
	<option selected>opzione 3 della lista 
	<option selected>opzione 4 della lista 
	<option>opzione 5 della lista 
</select>


<input type="hidden" name="postvar" value="mySelect">
<input type="hidden" name="outputvar" value="UserCols">
<input type="submit" value="OK">
</form>
<iframe name="tgt"></iframe>

</body>
</html>
